$(() => {
	// 渲染列表
	function getList() {
		$.ajax({
			url: `http://localhost:8080/api/v1/admin/category/list`,
			success: res => {
				console.log(res)
				if (res.code === 200) {
					const htmlStr = template('art_list', {
						list: res.data
					})
					$('.table.table-striped.table-bordered.table-hover.mp20.category_table tbody')
						.empty()
						.append(htmlStr)
				} else layer.msg(res.msg)
			}
		})
	}
	getList()

	// 添加功能
	// console.log($('[name=name]'))
	$('.modal-footer button:submit').click(e => {
		e.preventDefault()
		const name = $('[name=name]').val().trim()
		const slug = $('[name=slug]').val().trim()
		$.ajax({
			type: "post",
			url: `http://localhost:8080/api/v1/admin/category/add`,
			data: {
				name,
				slug
			},
			success: res => {
				console.log(res)
				if (res.code !== 200) {
					layer.msg(res.msg, {
						time: 1500
					})
					return
				}
				$('.modal.fade').modal('hide')
				$('[name=name]').val('')
				$('[name=slug]').val('')
				layer.msg(res.msg, {
					icon: 1,
					time: 1500
				})
				getList()
			}
		})
	})

	// 编辑功能
	// console.log($('.edit.btn.btn-info.btn-xs'))
	let id = -1
	// 事件委托
	$('.table.table-striped.table-bordered.table-hover.mp20.category_table tbody').on('click',
		'.edit.btn.btn-info.btn-xs',
		function() {
			// console.log(1)
			$('#editModal').modal('show')
			// console.log($(this).data('id'))
			id = $(this).data('id')
			$('#name').val($(this).parent().siblings().eq(0).text())
			$('#slug').val($(this).parent().siblings().eq(1).text())

		})
	// 点击确定
	$('#editModal .btn.btn-primary.btn_opt').click(() => {
		const name = $('#name').val().trim()
		const slug = $('#slug').val().trim()
		$.ajax({
			type: "post",
			url: `/admin/category/edit`,
			data: {
				id,
				name,
				slug
			},
			success: res => {
				console.log(res)
				if (res.code !== 200) {
					layer.msg(res.msg, {
						time: 1500
					})
					return
				}
				$('.modal.fade').modal('hide')
				layer.msg(res.msg, {
					icon: 1,
					time: 1500
				})
				getList()
			}
		})
	})

	// 删除功能
	$('.table.table-striped.table-bordered.table-hover.mp20.category_table tbody').on('click',
		'.delete.btn.btn-danger.btn-xs',
		function() {
			// console.log(1)
			console.log($(this).data('id'))
			layer.confirm('确认删除？', {
				icon: 3,
				title: '删除提示'
			}, index => {
				// 点击确认执行
				$.ajax({
					type: "post",
					url: `/admin/category/delete`,
					data: {
						id: $(this).data('id')
					},
					success: res => {
						console.log(res)
						if (res.code !== 200) {
							layer.msg(res.msg, {
								time: 1500
							})
							return
						}
						layer.msg(res.msg, {
							icon: 1,
							time: 1500
						}, () => getList())
					}
				})
				// 关闭图标
				layer.close(index)
			})
		})
})
